<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<head>
    <meta charset="utf-8"/>
    <title>我的订单 - 骑手个人中心</title>
    <meta name="keywords" content="闪送，同城速递，专人直送，同城急件，代买，代送，代购，同城加急，同城快递，限时送达，最快的快递"/>
    <meta name="renderer" content="webkit"/>
    <meta name="description" content="闪送是国内最快的同城速递服务公司，专人直送，60分钟送达全城！24小时在线为用户提供同城急件,蛋糕,鲜花,生鲜,水果等限时递送服务。"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/font-awesome-ie7.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/css/style-metronic.css?v=201509161736}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/style.css?v=2016120801}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/style-responsive.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/blue.css?v=2016120801}" rel="stylesheet" type="text/css" id="style_color"/>
    <link th:href="@{/css/daterangepicker.css?v=20150503203601}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/jquery.fancybox.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.raty.css}" rel="stylesheet"/>
    <link th:href="@{/css/pagination.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/order_base.css?v=20161019001}" rel="stylesheet" type="text/css" id="style_color"/>
    <link th:href="@{/css/timepicker.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/jquery.fancybox.css}" rel="stylesheet"/>

    <link th:href="@{/css/custom.css?v=20161209192433}" rel="stylesheet" type="text/css" id="style_color"/>
    <link th:href="@{/css/autocomplete.css}" rel="stylesheet" type="text/css"/>
    <!-- confirmaddress.jsp style -->
    <link th:href="@{/css/confirmaddress.css}" rel="stylesheet" type="text/css" id="style_color"/>
    <link th:href="@{/css/iss.css?v=201607182014}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/modules.css?v=2016120801}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/common.css?v=20170316184648}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/index.css?v=20170316184648}" rel="stylesheet" type="text/css"/>

    <script th:src="@{/js/jquery-3.5.1.js}" type="text/javascript"></script>
    <script th:src="@{/layer/layer.js}" type="text/javascript"></script>
    <!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
    <link th:href="@{/css/jquery.fancybox.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.raty.css}" rel="stylesheet"/>
    <link th:href="@{/css/webuploader.css}" rel="stylesheet"/>
    <script th:src="@{/js/jquery-3.5.1.js}"></script>
    <!-- END PAGE LEVEL PLUGIN STYLES -->
    <style type="text/css">
        .selector-for-some-widget {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        #list-item-detail-part,
        #list-item-result-part {
            display: none;
        }

        .list-group-item {
            text-align: left;
        }

        #list-item-detail-part p {
            text-align: left;
        }

        #list-item-detail-part .media-left {
            display: table-cell;
        }

        #list-item-detail-part .media-body {
            display: table-cell;
            vertical-align: middle;
        }

        #inputtousu_ordernum {
            margin-bottom: 0px;
        }

        .form-inline {
            margin-bottom: 10px;
        }

        #fileList .file-item {
            width: 81px;
            height: 81px;
            overflow: hidden;
            float: left;
            margin-right: 5px;
        }

        #fileList .info {
            display: none;
        }

        #filePicker {
            width: 82px;
            height: 38px;
            overflow: hidden;
        }

        .webuploader-pick {
            opacity: 0;
        }

        .tousu_modal_part_btn {

            background: url(images/ts.png ") left center no-repeat; background-size: 30%; color: #666; text-align: right; padding-left: 25px; } #tousu_lianxifangshi{ width:100%; height: 34px; } #tousu_submit_btn{ width: 150px; border-radius: 3px; margin-top:15px; background-image: -moz-linear-gradient(top, #febd1b, #ff8814); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #febd1b), color-stop(1, #ff8814)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#febd1b' , endColorstr= '#ff8814' , GradientType= '0'); /* IE*/ } #type_level_onelist { width: 160px; } #type_level_twolist { width: 300px; } #tousu_yuanyin { width: 470px; } #fileList .error { margin-top: -30px; } .editMobile { display: inline-block; width: 15px; height: 15px; } .editMobile img { width: 100%; }
    </style>
    <style type="text/css">.dropdown-submenu:hover& gt

    ;
    .dropdown-menu {
        display: none
    }</style>
    <style type="text/css">.dropdown-submenu:hover& gt

    ;
    .dropdown-menu {
        display: none
    }</style>
    <style type="text/css">.dropdown-submenu:hover& gt

    ;
    .dropdown-menu {
        display: none
    }</style>

    <script>

            function robOrder(orderId,riderId) {
                $.get("/order/robOrder/"+orderId+"/"+riderId, function (data) {
                    if (data.code == 200) {
                        layer.msg("抢单成功")
                    } else if (data.code ==808){
                        layer.msg("还有订单未完成")
                    }else if (data.code ==807){
                        layer.msg("单已经被其他骑手抢走")
                    }else {
                        layer.msg("抢单失败")
                    }
                })
            }
    </script>
</head>
<body>
<!-- BEGIN HEADER -->
<div class="hContent headerInfo">
    <header th:replace="~{commons::#top}"/>
    <div class="bottom_bar" data-reactid=".0.0.0.1">
        <span class="before" data-reactid=".0.0.0.1.0"></span>
        <span class="after" data-reactid=".0.0.0.1.1"></span>
    </div>
</div>
<div class="js_pop pop_window" style="display: none">
    <span class="closePopIcon js_pop_cancel"></span>
    <div class="title js_pop_tit"></div>
    <div class="btns">
        <button class="js_pop_btn btn blue"></button>
    </div>
</div>
<div class="bottom_bar"></div>

<div class="page-container" id="container_wrapper">
    <!-- BEGIN CONTAINER -->
    <div class="js-comp container min-hight margin-bottom-40 my-order-list" data-module="MyOrderList">
        <div class="left-menu">
            <dl>
                <dt>
                    <a href="/rider/list"> <i class="icon-my-order"></i> 我的订单 </a>
                </dt>
            </dl>
            <dl>
                <dt>
                    <div>
                        <i class="icon-my-account"></i> 我的账户
                    </div>
                </dt>
                <dd>
                    <a href="/rider/balance"> 信用与收益 </a>
                </dd>
            </dl>

            <dl>
                <dt>
                    <div>
                        <i class="icon-settings"></i> 设置
                    </div>
                </dt>
                <dd>
                    <a href="/rider/updatepwd"> 修改密码 </a>
                </dd>
            </dl>

        </div>
        <div class="row  right-container">
            <ul class="nav nav-tabs" id="subtask">
                <li th:class="${flag=='list'}?'active':''"><a id="history" th:href="@{/rider/list}">全部完成订单</a></li>
                <li th:class="${flag=='today'}?'active':''"><a id="today" th:href="@{/rider/today}">今日完成订单</a></li>
                <li th:class="${flag=='waitTake'}?'active':''"><a id="pickup" th:href="@{/rider/waitTake}">可抢单</a></li>
                <li th:class="${flag=='riding'}?'active':''"><a id="delivery" th:href="@{/rider/riding}">闪送中</a></li>
                <li style="float: right;">
                    <button class="btn btn-primary" data-toggle="modal" data-target="#tousu_modal_part">投诉</button>
                </li>
            </ul>

            <table class="table table-striped table-bordered table-advance table-hover">
                <thead>
                <tr>
                    <th style="width: 180px" nowrap="nowrap"><i class="glyphicon glyphicon-th-list"></i>订单</th>
                    <th style="width: 240px"><i class="icon-map-marker"></i>寄件人信息/收件人信息</th>
                    <th nowrap="nowrap"><i class="icon-calendar"></i>费用信息</th>
                    <th nowrap="nowrap"><i class="glyphicon glyphicon-remove-circle"></i>状态/操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="order:${orders}">
                    <td>订单号：
                        <th:block th:text="${order.no}"></th:block>
                        <br/> 下单时间：<font>
                            <th:block th:text="${order.orderTime}"></th:block>
                        </font><br/> <input class="orderCreateTime" value="" type="hidden"/></td>
                    <td>寄件人信息：
                        <th:block th:text="${order.sendInfo}"></th:block>
                        </th:block><br/><br/>
                        <!--收件人信息-->
                        <div class="taskInfo" data-task="24817265" data-order="DH2017031710027856" data-sta="0"
                             data-sta-desc="未派送" data-type="PC端">
                            收件人信息：
                            <th:block th:text="${order.recInfo}"></th:block>
                            <span class="editMobile" data-toggle="modal" data-target="#edit-mobile-24817265"><img
                                    th:src="@{/images/edit_icon.png}"/></span>
                            <span class="badge badge-green">
          <th:block th:if="${order.status}==2">配送中</th:block>
           <th:block th:if="${order.status}==3">已超时</th:block>
           <th:block th:if="${order.status}==4">已送达</th:block>
           <th:block th:if="${order.status}==5">已完成</th:block>
           <th:block th:if="${order.status}==6">已删除</th:block>
          </span>
                            <br/>
                        </div>
                    <td>
                        <th:block
                                th:text="'总价：'+${order.totalMoney}+',总公里：'+${order.distance}+',总重量：'+${order.weight}"></th:block>
                        <br/> <span style="color:#ff0000;"></span></td>


                    <td>
                        <div th:switch="${order.status}">
                            <span th:case="'1'">
                                <a class="btn btn-sm green" th:href="@{|javascript:robOrder(${order.id},${session.rider.id})|}"
                                   role="button">抢  单</a>
                                <br/>
                                <br/>
                            </span>
                        </div>
                        <br/>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="row">
                <div class="col-sm-12">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                </div>
            </div>
        </div>
    </div>
    <div id="tousu_modal_part" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog"
         aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:650px; padding-top: 50px; height: auto; overflow:hidden;">
            <div class="modal-content" style="width:650px; height: auto; overflow:hidden; padding-bottom: 10px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridModalLabel">投诉</h4>
                </div>
                <div class="modal-body"
                     style="min-height: 450px; overflow-y: scroll; overflow-x: hidden; position: relative;">
                    <form class="form-inline" style="margin-top: 10px;">
                        <div class="form-group" style="float: left;">
                            <p class="form-control-static" style="font-size: 16px; color:#4c4c4c;">投诉订单：</p>
                        </div>
                        <div class="form-group" style="float: left;">
                            <label for="inputtousu_ordernum" class="sr-only">投诉单号</label>
                            <input style="width: 372px; border: 1px solid #5cbdfa;" readonly="" class="form-control"
                                   id="inputtousu_ordernum" placeholder="请选择您要投诉的订单" type="text"/>
                        </div>
                        <button style="float: left; background: #5cbdfa; font-size: 14px; color:#FFF;" type="button"
                                id="get_order_infolist" data-isactive="true" class="btn btn-primary">展示订单列表
                        </button>
                    </form>
                    <div class="container-fluid" id="list-item-result-part"
                         style="position: absolute; top: 54px; left: 90px; width: 484px; z-index: 100;">
                        <div style="height: 20px; width: 100%; text-align: center; background: #d4effb; color:#4d4d4d; border-left: 1px solid #DDD; border-right: 1px solid #DDD; line-height: 20px;">
                            投诉只支持72小时以内的订单
                        </div>
                        <div class="list-group" id="order_list_part_area"
                             style="margin-bottom:0px;padding-bottom: 0px; background: #FFF;">
                            <a href="#" class="list-group-item" data-ordernum="DH123232321232334">
                                <h5 class="list-group-item-heading">
                                    <table width="100%">
                                        <tbody>
                                        <tr>
                                            <td>16-04-07 20:29</td>
                                            <td>DH12323232123233</td>
                                            <td>闪送中</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </h5>
                                <p class="list-group-item-text">收件人：张三 北京市海淀区金隅嘉华大厦5层506</p></a>
                        </div>
                        <!-- list-group end -->
                        <nav id="paging-box-area-place"
                             style="background:#FFF;padding: 10px; border:1px solid #DDD; border-top:none;">
                            <ul class="pager" style="margin: 0px; background: #FFF;">
                                <li><a href="#" id="paging_pre_page_ev">上一页</a></li>
                                <li><a href="#" id="paging_nex_page_ev">下一页</a></li>
                                <li id="paging_bar_info_tip">当前第1页，共20条记录，共12页，每页显示10条记录。</li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<footer th:replace="~{commons::#footer}"/>
</body>
</html>